<template>
  <div class="window_top_wrap bggray">
    <div class="window_main_wrap">
      <!--头部导航（已经登录）-->
      <person-header></person-header>
      <p class="nav_list">
        <span
          ><label
            ><a href="/"><i class="home_icon"></i>首页</a></label
          ><i> &gt; </i><a href="#">消息中心</a></span
        >
      </p>
      <div class="main_content">
        <div class="body_main">
          <p class="gray_title40">消息中心</p>
          <div class="szxxzstj_wrap">
            <div class="admins">
              <strong>筛选条件</strong>
              <form action="/notice" method="post" name="searchForm">
                <p></p>
                <div class="search_condition">
                  <label>发送日期：</label>
                  <input
                    type="text"
                    value=""
                    placeholder="发送日期"
                    id="sdate"
                    name="sdate"
                    readonly="readonly"
                    class="laydate-icon"
                  />
                  <strong style="padding: 0 10px">到</strong>
                  <input
                    type="text"
                    value=""
                    placeholder="发送日期"
                    id="edate"
                    name="edate"
                    readonly="readonly"
                    class="laydate-icon"
                  />
                </div>
                <div class="search_condition">
                  <label>是否已阅：</label>
                  <select name="receiveState">
                    <option value="">选择查看状态</option>
                    <option value="1">已阅</option>
                    <option value="0">未阅</option>
                  </select>
                </div>
                <p></p>
                <p></p>
                <div class="search_condition">
                  <label>消息内容：</label>
                  <input
                    type="text"
                    name="content"
                    value=""
                    maxlength="20"
                    style="width: 348px; margin-right: 20px"
                    placeholder="输入消息内容关键字搜索"
                  />
                  <span class="btn_green_white" onclick="searchForm.submit()"
                    >搜索</span
                  >
                </div>
                <p></p>
              </form>
            </div>
            <div class="button-box">
              <table cellspacing="0" cellpadding="0" class="qjyj_table">
                <tbody>
                  <tr>
                    <th width="8%">序号</th>
                    <th width="10%">发送机构</th>
                    <th width="15%">发送时间</th>
                    <th width="15%">收件人</th>
                    <th width="15%">消息内容</th>
                    <th width="15%">查阅时间</th>
                    <th width="10%">是否已阅</th>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="footer">
      主办单位：湖南省长沙市教育局&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
        href="https://beian.miit.gov.cn/"
        target="_blank"
        style="color: #929292"
        >备案号: 湘ICP备05005530号-1 </a
      >本网站由长沙市教育局信息中心承办
    </div>
  </div>
</template>

<script>
import PersonHeader from "../components/PersonHeader.vue";
export default {
  name: "InfoCenter",
  components: {
    PersonHeader,
  },
  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>

<style scoped>
</style>